/* =============================================================================

	STYLE.CSS
	version: 1.6
	updated: 2009-03-06, 13:00 GMT+1

============================================================================= */

/* =============================================================================
HTML - styles
============================================================================= */

body {background-color:#eaeaea; color:#303030;}
a {color:#0085cc;}
a:hover, a:active, a:focus {color:#df0000;}
#content h2 {color:#0085cc;}
#content table {/*border:2px solid #cfcfcf;*/}
#content table th {border-right:1px solid #0074B3; background-color:#0085cc; color:#fff;padding:5px;text-align:center;}
#content table td {border:1px solid #cfcfcf;padding:3px;}
#content table tr.bg td {background-color:#e8f6ff;}
#content dl dt {color:#df0000;}
#content fieldset {border:1px solid #ccc;}
#content legend {background:#FFF; color:#0085cc;}
#content acronym, #content abbr, #content .help {border-bottom:1px dotted #cfcfcf;}

/* =============================================================================
HTML - without styles
============================================================================= */

table.nostyle th, dl.nostyle dt {color:#303030 !important;}

/* =============================================================================
LAYOUT
============================================================================= */

#tray {background-color:#303030; color:#cfcfcf;}
#tray a, #tray strong {color:#fff;}
#tray a:hover, #tray a:active, #tray a:focus {color:#b4e3ff;}
#menu {background-color:#0085cc;}
#menu ul li a {background-color:#fff; color:#303030;}
#menu ul li a span {background-color:#FFF;}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus, #menu ul li#menu-active a {background-color:#FFF; color:#df0000;}
#menu ul li a:hover span, #menu ul li#menu-active a span {background-color:#FFF;}
#menu ul li#menu-active a {color:#0085cc;}
#menu ul.f-right a {color:#df0000;}
#content {border:1px solid #afafaf; background:#fff;}
#footer {color:#707070;}
#footer a {color:#707070;}
#footer a:hover, #footer a:active, #footer a:focus {color:#303030;}

/* =============================================================================
OTHERS
============================================================================= */

#aside #logo img {border:1px solid #bfbfbf;}
#aside #search fieldset a {color:#303030;}
#aside #search fieldset {border:1px solid #bfbfbf;}
#aside #search fieldset a:hover, #aside #search fieldset a:active, #aside #search fieldset a:focus {color:#df0000;}
#aside #btn-create a {background-color:#fff; color:#303030;}
#aside #btn-create a span {background-color:#fff;}
#aside ul li a {border-bottom:1px solid #cfcfcf; color:#303030;}
#aside ul li#submenu-active a {background-color:#df0000; color:#fff;}
#aside ul li a:hover, #aside ul li a:active, #aside ul li a:focus {color:#df0000;}
#aside ul ul li a, #aside ul li#submenu-active ul li a {border-bottom:1px solid #cfcfcf; background-color:#f5f5f5; color:#303030;}
#aside ul li ul li a {background-color:#e3e3e3;}
#aside ul ul li a:hover, #aside ul ul li a:active, #aside ul ul li a:focus, #aside ul li#submenu-active ul li a:hover, #aside ul li#submenu-active ul li a:active, #aside ul li#submenu-active ul li a:focus {color:#df0000;}
#content h1 {background-color:#303030; color:#fff;}
#content .tabs {border-bottom:1px solid #cfcfcf;}
#content .tabs a {color:#303030;}
#content .tabs a span {color:#303030;}
#content .tabs .ui-tabs-selected a {color:#fff;}
#content .tabs .ui-tabs-selected a span {color:#fff;}
.high {color:#df0000;}
.high-bg {background:#FFB;}
.low {color:#707070;}

/* =============================================================================
MESSAGES
============================================================================= */

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}

.saveMessage-holder
{
    background-color:green;
    padding-left:5px;
}
#content .saveMessage-holder h2
{
    color:white;
}
label
{
    font-size: 100%;
}

.adminSlideImage
{
    width:100px;
    height:100px;
}
.admin-login
{
    margin:0 auto;
}
select
{
    font: 100%/1.5 "arial",sans-serif;
    padding:3px;
}
.table-NoBorder
{
    border:0!important;
}
.table-NoBorder td
{
    border:0!important;
}
.table-NoBorder td label
{
    font-size:100%;
}
#medicine_entry .input-text,#genericNameEntry .input-text
{
    width:500px;
}

select {min-width:200px !important;}
.delete{margin-left:5px;color:Red;font-weight:bold;cursor:pointer;}
#medlist li,#sympList li {background:none !important;padding-left:0px !important;font-weight:bold;}
#condition_symptom,#condition_medicine {height:430px;width:660px;}
.mceLayout td{padding:1px 2px !important;min-height:0px !important;}
fieldset .nostyle tr td:first-child {
    font-weight: bold;
    vertical-align: top;
    width: 150px !important;
}
.mceToolbarStart.mceToolbarStartButton.mceFirst
{
    width:auto;
}

#notCommonConditionTable td span,#commonConditionTable td span
{
    background-color:#DADADA;
    font-weight:normal;
    padding:5px;
    border-radius:5px;
    cursor:pointer;
    display:block;
}
#notCommonConditionTable td span:hover,#commonConditionTable td span:hover
{
    font-weight:bold;
}
.commonCondition
{
    width:230px;
    min-height:200px;
}
table th span, table td span
{
    font-weight:normal;
    font-size:10px;
}
.alt1
{
    background:#F0F1F1;
    font-weight:normal;
}
.alt1:hover,.alt2:hover
{
    background-color:#6DB9E6;
}
.bold
{
    font-weight:bold;
}
#medicines,#chosenMedicines,#symptoms,#chosenSymptoms
{
    height:280px;
    overflow-x:hidden;
    width:100%;
    overflow-y:scroll;
}

#chosenMedicines,#chosenSymptoms
{
    height:318px;
}
.coolBorder
{
    background-color: #E8E8E8;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    display: block;
    font-weight: normal;
    padding: 3px 0 3px 10px;
    margin-bottom:5px;
    overflow:hidden;
}
#medicines .coolBorder div:first-child,#symptoms .coolBorder div:first-child
{
    float: left;
    width: 295px;
}
#chosenMedicines .coolBorder div:first-child,#chosenSymptoms .coolBorder div:first-child
{
    float: left;
    width: 180px;
}

.add
{
    float:right;   
    font-weight:bold;
    padding:0px 10px 0 0;
    color:Green;
}
.delete
{
    float:right;   
    font-weight:bold;
    padding:0px 10px 0 0;
    color:red;
}
.coolBorder:hover
{
    font-weight:900;
}
#chosenMedicinesHolder,#chosenSymptomsHolder
{
    width:250px;
}
.ajaxLoading
{
    padding-left:120px;
    padding-top:65px;
    position:absolute;
}

.roundBorder
{
    background-color: #96AF47;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    padding: 3px;
    margin-bottom:5px;
    overflow:hidden;
    
}
.roundBorder a
{
    color:#FFF;
}
.roundBorder:hover
{
    background-color:#EAEAEA;
    color:Black;
}
.roundBorder a:hover
{
    color:BLACK;
    text-decoration:none !important;
}
.defaultCursor
{
    cursor:default;
}
#cphBaseBody_cphRightColumnContent_rdoGender td
{
    font-weight: normal;
    width: auto !important;
}
input.submit-red
{
    background: url("/images/admin/submit-red.png") repeat-x scroll left top transparent;
    border: 1px solid #F26868;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 2px 12px;
}
#cphBaseBody_cphRightColumnContent_rdoAge
{
    width:200px;
}
#cphBaseBody_cphRightColumnContent_rdoAge tr td:first-child{width:150px !important;}
fieldset .nostyle #cphBaseBody_cphRightColumnContent_rdoAge tr td{width:150px !important;}
#cphBaseBody_cphRightColumnContent_rdoAge label{display:inline;font-weight:normal;}
.small{width:50px !important;}
label.normal{display:inline;font-weight:normal;}